{extend name="public:m_base" /}
{block name="main"}
<style>

    /* 本例子css */
    .picFocus{ margin:0 auto;  width:100%; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
    .picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
    .picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
    .picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
    .picFocus .hd ul li img{ width:60px; height:36px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
    .picFocus .hd ul li.on{ background:url("/static/shop/img/icoUp.gif") no-repeat center 0; }
    .picFocus .hd ul li.on img{ border-color:#f60;  }
    .picFocus .bd li{ vertical-align:middle; }
    .picFocus .bd img{ width:100%; height:auto; display:block;  }
    .picFocus{
        margin-top:80px;
        padding: 0;
    }

    .photo_data{
        margin-bottom: 30px;
        text-align: center;
    }
    .date{
        background-color:#cd9933;
        width:100px;
        height:60px;
        padding-top:40px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        /*color:#2b2a26;*/
        color:#fff;
        margin-bottom: 30px;
        margin-right: 180px;
    }
    .content_text{
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: #eee;
        padding:10px;
        text-align: left;
        text-indent: 2em;
    }
    .image_title{
        /*position: relative;*/
    }
    .image_title span{
        /*position: absolute;*/
        /*top:0;*/
        /*left:0;*/
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: #eee;
        padding:10px;
        text-align: left;
        text-indent: 2em;word-wrap:break-word;white-space:normal;
    }
</style>
<div class="ShareAnySeparate"></div>

<div class="ShareAnyContainer" style="font-size: 0.15rem;">
    当前位置：<a href="{:url('shop/index/index')}" title="首页">首页</a>&nbsp;&nbsp;/&nbsp;&nbsp;
    <a href="{:url('shop/live/group')}" title="创作直播">创作直播</a>
</div>
<div class="picFocus" style="margin-top: 0.15rem;">
    <div class="bd">
        <ul>
            {volist name="list" id="vo" key = 'kkk'}
                <li class="image_title"><a href="###"><img src="/{$vo.path}"/><span>{$vo.description}</span></a></li>
            {/volist}

        </ul>
    </div>
    <div class="hd">
        <ul>
            {volist name="list" id="vo" key = 'kkk'}
                <li><img src="/{$vo.path}"/></li>
            {/volist}
        </ul>
    </div>
    <div class="content_text">
        {$info.content}
    </div>

    <link rel="stylesheet" href="__MODULE_CSS__/slideBox.css">
    <script src="__MODULE_JS__/jquery.SuperSlide.2.1.1.js"></script>
    <script src="__MODULE_JS__/public.js"></script>
</div>

<script type="text/javascript">jQuery(".picFocus").slide({ mainCell:".bd ul",effect:"left",autoPlay:true });</script>
{/block}
